/**
 * Stylesheet dedicated to the structure of the data grids contained in the gallery category. 
 * These style classes define the skeleton of the components and include CSS properties such as margin, 
 * padding, display type, dimensions and positioning. This idea is the one used by JQuery UI.
 * @author Clément HELIOU (clement.heliou@gmail.com)
 * @since 1.0
 */

/* Content of the comments grid */
.commentsGridContent {
	min-height: 50px;
	padding: 4px;
	text-align: left;
}

/* The text part inside the comments grid's content */
.commentsGridContent>.commentsGridContentText {
	margin: 4px 8px 0 0;
	text-align: justify;
}

/* Images inside the comments grid's content */
.commentsGridContent>img {
	float: left;
	margin: 0 8px 0 0;
}

/* Line separators inside the comments grid's content */
.commentsGridContentHr {
	margin: 4px 0 -4px 0;
}

/* Photo's grid content */
.photosGrid>.ui-datagrid-content {
	padding-left: 2px;
	padding-top: 4px;
}

/* Header of the photos grid */
.photosGrid .ui-datagrid-header {
	padding: 4px 4px 0 0;
	text-align: right;
}

/* Label in the photos grid header */
.photosGrid .ui-datagrid-header>label{
	bottom: 8px;
	position: relative;
}

/* Sort column selector in the photos grid header */
.photosGridSortColumnSelector {
	margin-left: 8px;
}

/* Label of a selector in the photos grid header */
.photosGridHeaderSelector>label {
	padding-left: 6px;
	text-align: left;
}